import { Box, Typography } from "@mui/material";
import React, { FC, CSSProperties } from "react";
import Styles from "./index.module.scss";

export interface IconTagProps {
  src: string;
  text: string;
  imgStyle?: CSSProperties;
}

export const IconTag: FC<IconTagProps> = ({ src, text, imgStyle }) => (
  <Box className={Styles.iconTag}>
    <img src={src} className={Styles.image} style={imgStyle} />
    <Typography>{text}</Typography>
  </Box>
);

export default IconTag;
